.scroll-box {
    background-color: #fffFFF;
    width: 100%;

    scroll-view {
        white-space: nowrap;
    }

    .item {
        display: inline-block;
        width: 270rpx;
        margin-left: 25rpx;
        height: 300rpx;
        position: relative;
        align-items: center;
        justify-content: center;

        image {
            border-radius: 10rpx;
            width: 100%;
            height: 100%;
        }

        .title {
            color: #fffFFF;
            width: 100%;
            position: relative;
            top: -290rpx;
            left: 20rpx;
            font-size: 30rpx;
            font-weight: 450;
            display: flex;
            align-items: center;
            letter-spacing: 0.1rem;

            image {
                margin-left: 10rpx;
                width: 30rpx;
                height: 30rpx;
            }
        }
    }
}

.zijia {
    background-color: #fffFFF;
    width: 100%;
    height: 150rpx;
    display: flex;
    align-items: center;
    margin-top: 10rpx;
    padding: 10rpx;

    image {
        width: 140rpx;
        height: 140rpx;
        margin-left: 10rpx;
        margin-right: 30rpx;
        border-radius: 10rpx;
    }

    .main {
        height: 70%;
        display: flex;
        flex-direction: column;
        justify-content: space-around;

        .title {
            font-size: 25rpx;
            font-weight: 500;
        }

        .content {
            font-size: 20rpx;
            color: rgb(165, 165, 165);
        }
    }
}

.banner {
    margin-top: 10rpx;
    .logo {
        image {
            width: 40prx;
            height: 40rpx;
        }
    }

    .text {
        width: 650rpx;

        .title {
            font-weight: 600;
        }
    }
}

.attractions {
    margin-top: 10rpx;
    padding-top: 20rpx;
    width: 100%;
    display: flex;
    background-color: #FFFFFF;
    flex-direction: column;

    .item {
        margin: 10rpx 5%;
        border-radius: 10rpx 10rpx 0 0;
        overflow: hidden;
        padding-bottom: 20rpx;
        width: 90%;
        box-shadow: 0px 2px 2px #333333;
        display: flex;
        flex-direction: column;

        image {
            width: 100%;
        }

        .title {
            margin-left: 15rpx;
            font-weight: 500;
            margin-top: 30rpx;
            font-size: 25rpx;

        }

        .main {
            margin-top: 20rpx;
            display: flex;
            align-items: center;
            justify-content: space-between;
            font-size: 23rpx;
            font-weight: 300;
        }
    }
}